<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>02_对象字面量</title>
  </head>

  <body>
    <!--
    方式二: 对象字面量模式
      * 套路: 使用{}创建对象, 同时指定属性/方法
      * 适用场景: 起始时对象内部数据是确定的
      * 问题: 如果创建多个对象, 有重复代码
    -->
    <script type="text/javascript">
      let p = {
        name: 'tom',
        age: 12,
        setName: function (name) {
          this.name = name;
        },
        tech: (name) => {
          console.log(name + "会编程");
        }
      }
      console.log(p);
      // p.setName = "jason";//这里改变了setName原本的方法，重新给它赋值了jason
      p.setName('jason');
      console.log(p);
    </script>
  </body>

</html>